<div [@flyIn]="'active'">

  <div class="wrapper-sm">
    <div class="panel panel-default m-t-n-xs m-b-n-xs" style="border-radius:5px;">

      <div class="panel panel-default" style="margin-bottom:-5px;border-radius:5px">
        <div class="panel-body" style="font-size: 10px;padding:5px 20px; " >

          <div class="row">
            <div class="col-xs-3 m-t-xs m-t-sm">
              <span>设备档案</span>
              <i class="fa fa-angle-right"></i>
              <span>设备信息</span>
              <i class="fa fa-angle-right"></i>
              <span>设备列表</span>
            </div>
            <div class="col-xs-9" >
              <form class="form-inline row pull-right">
                <app-select (search)="oo=$event;getData()"></app-select>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="wrapper-sm" style="font-size:12px">
    <div class="panel panel-default" style="border-radius:5px">
      <div class="panel-body" >
        <table  class="table table-hover table-striped m-b-none default footable " style="font-size: 12px;">
          <thead>
          <tr>
            <th>设备Mac</th>
            <th>产品名称</th>
            <th>型号</th>
            <th>出厂编号</th>
            <th>空压机序列号</th>
            <th>终端用户</th>
            <th>手册</th>
            <th>状况</th>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let item of data">
            <td><a style="color: blue" [routerLink]="['deviceinfo',item.id.replace('/','|')]">{{item.mac}}</a></td>
            <td>{{item.product_name}}</td>
            <td>{{item.model}}</td>
            <td>{{item.chuchangbianhao}}</td>
            <td>{{item.sn}}</td>
            <td>{{item.zdyh}}</td>
            <td>
              <a href="http://101.37.24.73:8080/fileupload/mfile?file_name={{item.doc_file}}" class="fa fa-file" *ngIf="item.doc_file!=null" style="color: blue" data-toggle="tooltip" data-placement="top" title="点击下载">               
              </a>
              <span *ngIf="item.doc_file==null">无</span>
             
            </td>
            <td *ngIf="item.online=='在线'"><span  class="label bg-success inline m-t-xs">{{item.online}}</span></td>
            <td *ngIf="item.online=='离线'"><span class="label bg-danger inline m-t-xs">{{item.online}}</span></td>

          </tr>
          </tbody>
        </table>


        <app-pagination [pageModel]="pageModel" (pageChanged)="page=$event;getData()"></app-pagination>

      </div>
    </div>
  </div>
</div>
